<template>
  <div id="app">
    <el-menu
      class="el-menu-demo"
      mode="horizontal"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      default-active="/users"
      router
    >
      <!-- mode="horizontal"代表导航是横向导航
       :default-active="activeIndex2" 默认的被激活的选项
       router开启路由模式 index就是要跳转的路径
       -->
      <el-menu-item index="/users">
        <i class="el-icon-user-solid"></i>
        用户</el-menu-item
      >
      <el-menu-item index="/teach">
        <i class="el-icon-s-goods"></i>
        教学</el-menu-item
      >
      <el-menu-item index="1">
        <i
          class="el-icon-s-flag
"
        ></i>
        题库</el-menu-item
      >
    </el-menu>

    <router-view />
  </div>
</template>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
</style>
